<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scaleble=no">
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <script type="text/javascript" src="js/winResponsive.js"></script>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
    
    <title>首页</title>
</head>
<body>
    <header>
        <div class="container">
            <a href="" class="logo">
                <img src="images/图层 1.png" alt="">
            </a>
            <div class="search">
                <form action="#">
                    <img src="images/矩形 1.png" alt="">
                    <input type="text" name="keyword" placeholder="输入商家、分类或商圈">
                </form>
            </div>
            <a href="" class="qr">
                <img src="images/图层 2.png" alt="">
            </a>
            <a href="" class="alert">
                <img src="images/图层 3.png" alt="">
            </a>
            
        </div>
    </header>
    <section class="content">
        <section class="banner">
            <img src="images/图层 4.png" alt="">
        </section>
        <nav>
            <section class="container">
                <figure>
                    <a href="class.html">
                        <img src="images/图层 5.png" alt="">
                    </a>
                    <figcaption>
                        产品列表
                    </figcaption> 
                </figure>
                <figure>
                    <a href="detail.html">
                        <img src="images/图层 5.png" alt="">
                    </a>
                    <figcaption>
                        产品详情
                    </figcaption> 
                </figure>
                <figure>
                    <a href="search.html" class="hot">
                        <img src="images/图层 5.png" alt="">
                    </a>
                    <figcaption>
                        搜索
                    </figcaption> 
                </figure>
                <figure>
                    <a href="">
                        <img src="images/图层 5.png" alt="">
                    </a>
                    <figcaption>
                        闪送超市
                    </figcaption> 
                </figure>
            </section>
        </nav>
        <section class="product">
			<ul>
				<li>
                    <a href="">
                        <section class="left">
                            <h3>Fresh奶</h3>
                            <p class="desc">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">2</span>瓶</p>
                            <p class="more">
                                更多优惠 低至5折
                            </p>
                        </section>
                        <section class="right">
                            <img src="images/图层 10.png">
                        </section>
                     </a>
                </li>
				<li>
                    <a href="">
                        <section class="left">
                            <h3>Fresh奶</h3>
                            <p class="desc">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">1</span>瓶</p>
                            <p class="more">
                                更多优惠 低至5折
                            </p>
                        </section>
                        <section class="right">
                            <img src="images/图层 10.png">
                        </section>
                    </a>
                </li>
                <li>
                    <a href="">
                        <section class="left">
                            <h3>Fresh奶</h3>
                            <p class="desc">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">2</span>瓶</p>
                            <p class="more">
                                更多优惠 低至5折
                            </p>
                        </section>
                        <section class="right">
                            <img src="images/图层 10.png">
                        </section>
                     </a>
                </li>
				<li>
                    <a href="">
                        <section class="left">
                            <h3>Fresh奶</h3>
                            <p class="desc">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">1</span>瓶</p>
                            <p class="more">
                                更多优惠 低至5折
                            </p>
                        </section>
                        <section class="right">
                            <img src="images/图层 10.png">
                        </section>
                    </a>
                </li>
				<li>
                    <a href="">
                        <section class="left">
                            <h3>Fresh奶</h3>
                            <p class="desc">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">1</span>瓶</p>
                            <p class="more">
                                更多优惠 低至5折
                            </p>
                        </section>
                        <section class="right">
                            <img src="images/图层 10.png">
                        </section>
                    </a>
                </li>
                <li>
                    <a href="">
                        <section class="left">
                            <h3>Fresh奶</h3>
                            <p class="desc">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">2</span>瓶</p>
                            <p class="more">
                                更多优惠 低至5折
                            </p>
                        </section>
                        <section class="right">
                            <img src="images/图层 10.png">
                        </section>
                     </a>
                </li>
				<li>
                    <a href="">
                        <section class="left">
                            <h3>Fresh奶</h3>
                            <p class="desc">光明畅优乳杆菌<span class="big">6</span>元/<span class="small">1</span>瓶</p>
                            <p class="more">
                                更多优惠 低至5折
                            </p>
                        </section>
                        <section class="right">
                            <img src="images/图层 10.png">
                        </section>
                    </a>
                </li>
			</ul>
		</section>
    </section>
    <footer>
        <nav class="container">
            <a href="">
                    <img src="images/index_03.png" alt="">
                    <p>首页</p>
            </a>
            <a href="">
                    <img src="images/index_05.png" alt="">
                    <p>闪送超市</p>
            </a>
            <a href="">
                    <img src="images/index_07.jpg" alt="">
                    <p>我的</p>
            </a>
            <a href="">
                    <img src="images/index_09.png" alt="">
                    <p>&yen;0起送</p>
            </a>
        </nav>
    </footer>
</body>
</html>